<template>
	<view class="p-30 containerbox">
		<uv-navbar title="语法记录" auto-back placeholder />
<!--		<z-paging class="containerbox" ref="paging" v-model="list" @query="querylist">-->
<!--			<template #loading>-->
<!--				<dw_loading :status="loading" />-->
<!--			</template>-->
			<view
				class="flex-between flex-center mb-30 pb-30 border-bottom"
				v-for="(item,index) in list"
				:key="item.id"
				@click="GOListDemo(item.id)"
			>
				<view class="flex-1">
					<view class="text-30 color-3a">
            {{item.createdAt}}
            </view>
					<view class="text-24 color6 mt-20">
            句子数：{{item.num}}   <text class="ml-20 mr-20">正确：{{item.successNum}}</text>    错误：{{item.errorNum}}
          </view>
				</view>

				<view class="w-22 h-22">
					<fui-icon name="arrowright" size="35" color="#c2c5cc" />
				</view>
			</view>
<!--		</z-paging>-->
	</view>
</template>

<script >
import { examlistPage } from '@/common/apis/grammar'
export default {
  data(){
    return{
      list:'',
    }
  },
  created() {
    this.querylist()
  },
  methods: {
    async querylist() {//获取列表
      await examlistPage().then((res)=>{
        this.list = res
      })
    },
    GOListDemo(id){
      uni.$fui.href('/pages/grammar/report', { id })
    },
  },
}
</script>

<style>page{background-color: #fff}</style>
<style scoped lang="scss">
	.color-3a{color: #3A3F5E}
	.color6{color: #626780}
	.color9{color: #999999}
</style>